<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>引导页面</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/swiper.css" />
    <style>
        .swiper-container {
            margin-top: 0px;
        }

        html,body,.swiper-container {
            height: 100%!important;
            width: 100%;
        }
        body{
          background-color: raba(255,144,44);
        }

        .swiper-pagination-bullet {
            background-color: #ABB1B3;
            width: 6px;
            height: 6px;
            border-radius: 5px;
        }

        .swiper-pagination-bullet-active {
            background-color: #38474C;
        }

        .swiper-title1 {
            position: absolute;
            top: 35px;
            right: 25px;
            width: 36px;
            height: 19px;
            text-align: left;
            color: #fff;
            z-index: 100;
            font-weight: bold;
            border: 1px solid #38474C;
            overflow: hidden;
            border-radius: 3px;
        }

        .swiper-title1 img {
            width: 30px;
            height: 13px;
            margin: 0 auto;
            margin-top: 3px;
            display: block;
            position: relative;
        }

        .swiper-title2 {
            position: absolute;
            bottom: 35px;
            right: 50%;
            margin-right: -44px;
            width: 88px;
            height: 31px;
            text-align: left;
            color: #fff;
            z-index: 100;
            overflow: hidden;
            border-radius: 3px;
            background: url(../image/bg.png);
            background-position: 100%;
            background-repeat: no-repeat;
            background-size: 100%;
        }

        .swiper-title2 img {
            width: 68px;
            height: 18px;
            margin: 7px auto;
            display: block;
            position: relative;
        }
        .swiper-slide img{
        width: 100%;
        height: 100%;
        }
        .swiper-slide{
          height: 100%;
          width: 100%;
        }
        .wiper-slide-img1{
          background:url("../image/qidongye/1.png");
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
        }
        .wiper-slide-img2{
          background-repeat: no-repeat;
          background:url("../image/qidongye/2.png");
          background-size: cover;
          background-position: center;
        }
        .wiper-slide-img3{
          background-repeat: no-repeat;
          background:url("../image/qidongye/3.png");
          background-size: cover;
          background-position: center;
        }
    </style>
</head>

<body>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide wiper-slide-img1" tapmode>
                <!-- <img src="../image/qidongye/1.png"> -->
            </div>
            <div class="swiper-slide wiper-slide-img2">
                <!-- <img src="../image/qidongye/2.png"> -->
            </div>
            <div class="swiper-slide wiper-slide-img3" onclick="begion()">
                <!-- <img src="../image/qidongye/3.png"> -->
            </div>
        </div>
        <!-- Add Pagination -->
        <!-- <div class="swiper-pagination"></div> -->
        <!-- Add Arrows -->
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/swiper.min.js"></script>
<script type="text/javascript" src="../script/faskclick.js"></script>

<script type="text/javascript">
    // apiready = function() {
    //     if ('addEventListener' in document) {
    //         document.addEventListener('DOMContentLoaded', function() {
    //             FastClick.attach(document.body);
    //         }, false);
    //     }
    // }
    var swiper = new Swiper('.swiper-container', {
        // pagination: '.swiper-pagination',
        paginationClickable: true,
        spaceBetween: 30
    });

    function colseframe() {
        $api.setStorage('isfirst', 'nofirst');
        api.sendEvent({
            name: 'isfirst'
        });
        api.closeFrame();
    }

    function begion() {
        $api.setStorage('isfirst', 'nofirst');
        api.sendEvent({
            name: 'isfirst'
        });
        api.closeFrame();
    }
</script>

</html>
